<template>
  <div class='commonSearch'>
<!--    <div class='logo'>-->
<!--      <img src="@/assets/images/logo.png" alt="">-->
<!--      <span>首页</span>-->
<!--    </div>-->
    <div class='searchCont'  @click="Lookingroom">
      <el-input placeholder="请输入楼盘名称、城市" v-model="searchInput" clearable>
        <template #append >
          <el-button icon="el-icon-search">找房</el-button>
        </template>
      </el-input>
    </div>
  </div>
</template>

<script>
export default {
  name:'commonSearch',
  data(){
    return{
      searchInput:''
    }
  },
  methods:{
    Lookingroom(){
      // this.$router.push({
      //   name: '/Home',
      // })
    }
  }
}
</script>

<style lang="scss">
.commonSearch{
  background:url("../assets/images/banner.png")no-repeat;
  height:410px;
  width: 100%;
  box-sizing: border-box;
  background-size: contain;
  position: relative;
  //background-size: 100% 100%;
  //display: flex;
  //justify-content: space-between;
  //align-items: center;
  //.logo{
  //  display: flex;
  //  justify-content: space-between;
  //  align-items: center;
  //  img{
  //    width: 165px;
  //    height:56px;
  //  }
  //  span{
  //    margin-left:32px;
  //    font-size: 23px;
  //    font-family: Source Han Sans CN;
  //    font-weight: 400;
  //    color: #FFC159;
  //  }
  //}
  .searchCont{
    position: absolute;
    width:616px;
    top: 49%;
    left: 30%;
    .el-input-group__append{
      background-color:#F22525;
      border-radius: 0px 31px 31px 0px;
      color:#ffffff;
    }
    .el-icon-search{
      color: #ffffff;
    }
    .el-button span{
      color: #ffffff;
    }
  }
}
</style>
